<{include file="element/inc_header.html"}>

<style type="text/css">
.hz_show{ max-width:80px; max-height:50px; }
</style>

<div class="main-container" id="main-container">
	<script type="text/javascript">
		try{ace.settings.check('main-container' , 'fixed')}catch(e){}
	</script>

	<div class="main-container-inner">
		<div class="page-content">
			<div class="widget-box">
				<div class="widget-body">
					<div class="widget-main">
						<form action="/admin.php/oper/userlist" method="get" class="form-inline">
							<table>
								<tr> 
									<td>
										<label>姓名</label>
									</td>
									<td> 
										<div class="input-group"> 
											<input type="text" id="phone" name="phone" placeholder="手机号码" value="<{$whereArr.phone}>" title="手机号码" >
										</div>
									</td>
									<td>
										<button type="submit" class="btn btn-info btn-sm">
											<i class="icon-search bigger-110"></i>
											查找
										</button>
									</td>
								</tr>
							</table> 		
						</form> 
					</div>
				</div>
			</div> 	
			<div class="row">
				<div class="col-xs-12">
					<!-- PAGE CONTENT BEGINS --> 
					<div class="table-responsive">
						<table id="sample-table-1" class="table table-striped table-bordered table-hover">
							<thead>
								<tr>
									<th>姓名</th>
									<th>性别</th>
									<th>手机号码</th>
									<th>身份证号</th>
									<th>护照号码</th>
									<th>护照副本</th>
									<th>所属部门</th>
									<th>联系地址</th>
									<th>
										<i class="icon-time bigger-110 hidden-480"></i>
										日期信息
									</th>
									<th>操作</th>
								</tr>
							</thead>

							<tbody>  
<{foreach from=$userList item=userinfo}>  
								<tr>  
									<td><{$userinfo.username}></td>
									<td><{if $userinfo.sex}>男<{else}>女<{/if}>&nbsp;</td>
									<td><{$userinfo.phone}></td>
									<td><{$userinfo.cardid}></td>
									<td><{$userinfo.huzhao}></td>
									<td><img class="hz_show" src="<{$userinfo.huzhao_pic}>" /></td>
									<td><{$userinfo.bumen}>&nbsp;</td>
									<td><{$userinfo.addr}></td> 
									<td><{$userinfo.created}></td> 
									<td><a href="/admin.php/oper/userview/userid/<{$userinfo.id}>">查看详情</a></td> 
								</tr> 
<{/foreach}>
								 
							</tbody>
						</table>
					</div>
					<!-- 底部分布 -->			
					<div class="modal-footer no-margin-top">  
						<ul class="pagination pull-right no-margin">
<{if $pager}>
共有<{$pager.totalCount}>条，共有<{$pager.totaPage}>页（每页<{$pager.pageSize}>条）： 
<{if $pager.cPage > 1}>
<a href="/admin.php/oper/userlist/page/1<{$wherestr}>">前页</a> 
<a href="/admin.php/oper/userlist/page/<{$pager.cPage-1}><{$wherestr}>">上一页</a>
<{else}>
<a href="javascript:void(0)">前页</a> 
<a href="javascript:void(0)">上一页</a>
<{/if}>
<!--开始循环页码，同时如果循环到当前页则不显示链接-->
<{foreach from=$pager.pageList item=thepage}>
	<{if $thepage != $pager.cPage}>
		<a href="/admin.php/oper/userlist/page/<{$thepage}><{$wherestr}>"><{$thepage}></a>
	<{else}>
		<b><{$thepage}></b>
	<{/if}>
<{/foreach}>
<!--在当前页不是最后一页的时候，显示下一页和后页-->
<{if $pager.cPage < $pager.totalPgae}> 
<a href="/admin.php/oper/userlist/page/<{$pager.cPage+1}><{$wherestr}>">下一页</a>
<a href="/admin.php/oper/userlist/page/<{$pager.totaPage}><{$wherestr}>">后页</a>
<{else}>
<a href="javascript:void(0)">下一页</a>
<a href="javascript:void(0)">后页</a>
<{/if}>
<{/if}>
						</ul>
					</div>
						
				</div>
									
								 
  
			</div><!-- /.row --> 
		</div><!-- /.page-content --> 
  
	</div><!-- /.main-container -->
</div>
<{include file="element/js_lib.html"}>
<script language="javascript">
	jQuery(function(){
			$('.date-picker').datepicker({autoclose:true}).next().on(ace.click_event, function(){
					$(this).prev().focus();
				});
  
			$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){ this.checked = that.checked; $(this).closest('tr').toggleClass('selected');
						});
						
				});  
		 
		 
		})
</script> 







